<template>
    <div>
        <div class="">
            <TopBar />
        </div>

        <router-view></router-view>
    </div>
</template>

<script setup>
import TopBar from './components/TopBar';
import { nextTick, onMounted, ref } from 'vue';
// import scrollReveal from 'scrollreveal';
let test = ref(null);
let flag = ref(false);
let data = ref('');

// onMounted(async () => {
//     //模拟接口 2秒后获取数据
//     setTimeout(() => {
//         data.value = 123133;
//     }, 2000);
//     //请求完数据后调用动画
//     await nextTick(() => {
//         scrollReveal().reveal(test.value, {
//             distance: '100px',
//             origin: 'left',
//             duration: 1000, //动画持续四秒
//             easing: 'linear',
//             reset: true
//         });
//     });
// });
</script>

<style scoped lang="scss">
[class^='el-icon-fa'],
[class*=' el-icon-fa'] {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
</style>
